svg,
.text span,
button,
img,
.dianji,
.jianjie,
search,
.fayan-box,
.down span,
.talk-up3,
.login-hidden li,
.zb1-centre span,
.product,
.all,
.miaowan,
.relevant span,
.hidden-down {
    cursor: pointer;
}

/*鼠标变化*/

.shortcut {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
    width: 1691px;
    background-color: black;
}

/*首页最上层*/

.logo {
    display: flex;
    align-items: center;
    height: 54px;
    width: 209px;
    margin-right: -52px;
    /* background-color: #fff; */
}

/*第一层logo部分*/

.logopic {
    font-size: 44px;
    padding-left: 10px;
}

/*logo图标*/

.logotext {
    font-family: "Microsoft YaHei";
    font-size: 25px;
    font-weight: 500;
    color: #ffffff;
}

/*腾讯视频的字*/

.text {
    width: 772px;
    margin-left: 10px;
}

/*第一层装字的盒子*/

.text span {
    padding-left: 16px;
    color: #a1a1a1;
    font-size: 18px;
}

/*第一层的字*/

.search {
    display: flex;
    align-items: center;
}

/*搜索栏*/
.search input[type="text"]::placeholder {
    color: #ffffff;
    font-size: 15px;
}

.ssinput {
    outline: none;
    height: 60px;
    width: 260px;
    border-radius: 30px 0 0 30px;
    background-color: rgba(255, 255, 255, 0.5);
    border: 0;
}

/*搜索内容*/

.ssbtn {
    width: 80px;
    height: 60px;
    border-radius: 0 30px 30px 0;
    background-color: rgba(255, 255, 255, 0.5);
    border: 0;
}

/*搜索按键*/

.ssbtnpic {
    font-size: 25px;
}

/*搜索图标*/


.choice {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 60px;
    width: 350px;
    /* background-color: red; */
}

/*第一层右边*/

.choices {
    font-size: 30px;
}

/*第一层右边图标*/

.loginbh {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    height: 45px;
    width: 45px;
    border-radius: 45px;
    background-color: #95989e;
}

/*登录图标的圆背景*/

.login {
    margin: 3px 0 0 -2px;
    font-size: 45px;
    color: #d5d5d9;
}

/*登陆图标*/

.login-hidden {
    padding: 14px;
    display: none;
    width: 335px;
    height: 269px;
    position: absolute;
    right: 18px;
    top: 76px;
    font-size: 13px;
    color: #6f7373;
    border-radius: 15px;
    background-color: black;
}

/*登录隐藏的盒子*/



.hidden-up,
.hidden-down {
    color: #ffffff;
    width: 308px;
    text-align: center;
}

.hidden-centre {
    margin: 10px 84px;
    line-height: 38px;
    height: 155px;

}

/*隐藏中间的盒子*/

.hidden-centre span {
    margin-left: 11px;
}

/*隐藏里文字和图标的距离*/

.hidden-centre svg {
    font-size: 24px;

}

/*隐藏的图标*/




.tvshow {
    display: flex;
    justify-content: space-between;
    height: 620px;
    width: 1521px;
    margin: 0 auto;
    /* background-color: #ffffff; */
}

/*第二层的盒子*/

.tvpic {
    position: relative;
    height: 605px;
    width: 1092px;

}

/*第二层左边的盒子*/

.ad {
    height: 605px;
    width: 1092px;
}

/*第二层左边的图片*/

.yous {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 13px;
    right: 25px;
    height: 29px;
    width: 215px;
    background-color: rgba(101, 90, 90, 0.5);
    border-radius: 20px;
}

/*第二层右上角的盒子*/


.timer {
    color: #de5334;
}

/*第二层左边右上角的倒计时*/

.tvshow .up {
    color: #ffffff;
}

/*第二层左边图片右上角的字*/

.dianji {
    color: aliceblue;
    line-height: 42px;
    text-align: center;
    position: absolute;
    right: 18px;
    bottom: 16px;
    display: block;
    height: 42px;
    width: 195px;
    background-color: #de5334;
    border-radius: 28px;
}

/*第二层左边图片右下角*/

.tvdetail {

    overflow: hidden;
    width: 400px;
    height: 605px;
    margin: 0 15px 0 30px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
}

/*第二层的右边盒子*/

.w {
    padding: 18px;
}

/*第二层右边里的盒子都有的内边距*/

.up1 {
    display: flex;
    /* justify-content: space-between; */
    height: 130px;

    /* background-color: pink; */
}

/*第二层右边最上面的盒子*/

.up1 img {
    /* margin-left: 10px; */
    height: 107px;
    border-radius: 5px;
}

/*第二层右边的图片*/

.jianjie {
    margin-left: 12px;
    height: 107px;
}

/*第二层右边上面的简介的盒子*/

.tvdetail span {
    display: inline-block;
    padding-bottom: 7px;
    line-height: 20px;
    font-size: 13px;
    color: #ffffff;

}

/*第二层右边上面的简介的字*/

.three {
    /* margin-top: 6px; */
    display: flex;
    justify-content: space-around;
}

/*第二层右边放图标的盒子*/

.cenicon {
    margin: 14px 0;
    font-size: 39px;
}

/*第二层右边中间的图标*/

.down span {
    font-size: 18px;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding-top: 17px;
    margin: 5px;
    color: white;
    height: 55px;
    width: 55px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
}

/*集数*/

.yu {
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #ffffff;
    height: 20px;
    width: 20px;
    border-radius: 5px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #bc6443;
}

/*预告*/

.svip {
    font-size: 27px;
    position: absolute;
    top: -6px;
    right: -1px;
}

/*第二层右边集数的svip*/


.tv-hidden {
    display: none;
    font-size: 15px;
    color: #9e9e9e;
    overflow: hidden;
    width: 400px;
    height: 605px;
    margin: 0 15px 0 30px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
}

/*第二层被隐藏起来的盒子*/

.tv-hidden div {
    margin: 20px;
}

/*隐藏盒子里每个小盒子的距离*/


.hidden-actor img {
    height: 50px;
    width: 50px;
    border-radius: 25px;
}

/*被隐藏盒子里的照片*/

.hidden-actor {
    overflow: hidden;
    display: flex;

}

/*隐藏盒子里装演员的盒子*/

.hidden-actor li {
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/*单个演员*/

.hidden-actor span {
    margin-top: 7px;
}

/*演员名字和角色距离*/

.name {
    font-size: 16px;
    color: #ffffff;
}

/*演员名字*/

.acname {
    font-size: 11px;
}

/*角色名字*/

.hidden-jianjie {
    font-size: 16px;
    display: block;
    margin-top: 10px;
}

/*隐藏盒子的简介*/


.other {
    display: flex;
    justify-content: space-between;
    height: 1200px;
    width: 1521px;
    margin: 0 auto;

}

/*剩下所有的内容盒子*/

.left {
    height: 2000px;
    width: 1101px;
    background-color: black;
}

/*剩下的左边*/

.right {
    width: 389px;
    height: 2000px;
    margin: 0 15px 0 16px;
    background-color: black;
}

/*剩下的右边*/

.first {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

/*剩下的左边第一行*/

.first span {
    font-size: 20px;
    color: #ffffff;
}

/*剩下的左边第一行的字*/

.second {
    margin-top: 22px;
    display: flex;
    justify-content: space-between;
}

/*剩下的左边第二行*/

.second .second-son {
    border-radius: 8px;
    height: 115px;
    width: 259px;
    background-color: rgba(255, 255, 255, 0.15);
}

/*剩下第二行里的三个盒子*/

.son1 {
    display: flex;
    justify-content: space-between;
}

.secson-1left {
    display: flex;
    margin: auto 0;
    width: 144px;
    height: 115px;
    justify-content: center;
    flex-direction: column;
}

/*剩下部分第一个用户评价的左边*/

.secson-1left span {
    margin: 0 auto;
    color: white;
    font-size: 11px;
    line-height: 0px;
    display: inline-block;
}

/*剩下部分第一个用户评价左边的文字*/

.secson-1right {
    display: flex;
    height: 124px;
    width: 199px;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}


.second li {
    margin-top: 3px;
    font-size: 11px;
    color: white;
}

/*剩下部分第二层的推荐程度*/

.progress-bar {
    overflow: hidden;
    border-radius: 3px;
    margin: 0px 10px;
    display: inline-block;
    height: 6px;
    width: 86px;
    background-color: rgba(101, 90, 90, 0.25);
}

/*进度条盒子*/

.progress {
    border-radius: 3px;
    display: block;
    height: 100%;
    width: 90%;
    background-color: #ffffff;
}

/*实际进度条*/

.wenhao {
    display: flex;
    justify-content: center;
    height: 12px;
    width: 12px;
    border-radius: 6px;
    background-color: rgba(101, 90, 90, 0.25);

}

/*第一个用户评价的问号*/

.one {
    color: #ffffff;
    display: flex;
    width: 259px;
    height: 30px;
    padding: 0 8px;
    align-items: center;
    justify-content: space-between;
}

/*用户评价第二个的上面*/

.second img {
    height: 15px;
    width: 15px;
    border-radius: 7px;
}

/*用户评价的用户头像*/

.second span {
    font-size: 12px;
    color: #ffffff;
}

/*用户评价的字*/

.two {
    margin-top: 12px;
    width: 259px;
    height: 30px;
    padding: 0 8px;
}

/*剩下部分第二个用户评价的评价*/


.third {
    margin-top: 26px;
}

/*第二行和第三行的距离*/

.actor {
    display: flex;
    justify-content: space-between;
}

/*剩下部分的演员*/

.actor div {
    color: #ffffff;
    margin-top: 20px;
    height: 60px;
    width: 192px;
    border-radius: 45px;
    background-color: rgba(255, 255, 255, 0.15);
}

/*装演员的盒子*/

.actor img {
    height: 60px;
    width: 60px;
    border-radius: 30px;
}

/*演员的图片*/

.blue {
    position: relative;
}

/*装蓝色箭头的盒子*/

.blue-xia {
    position: absolute;
    left: 19px;
    font-size: 18px;
}

/*蓝色箭头*/

.tv-big {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

/*剩下部分放电视的盒子*/

.tv-big img {
    height: 222px;
    width: 162px;
    border-radius: 7px;
}

/*剩下部分电视照片*/

.tv-small {
    position: relative;
    height: 240px;
    width: 162px;
    border-radius: 7px;
}

.tv-big span {
    color: #ffffff;
}

/*电视的简单信息*/

.shoubo {
    font-size: 13px;
    text-align: center;
    position: absolute;
    top: 5px;
    right: 5px;
    height: 19px;
    border-radius: 5px;
    width: 41px;
    background-color: #e88a5b;
}

/*电视首播*/

.new {
    font-size: 13px;
    position: absolute;
    bottom: 24px;
    right: 6px;
}

/*更新集数*/

.tvname {
    position: absolute;
    bottom: 0px;
    display: inline-block;
    text-align: center;
    height: 10px;
    width: 162px;
}

/*电视名字*/

.tv-vip {
    position: absolute;
    top: -1px;
    right: 5px;
    font-size: 30px;
}

/*电视的vip*/



.talk {
    margin-top: 57px;
    color: #ffffff;
}

/*发言里的字*/

.talk-up1 {
    padding-top: 15px;
    display: flex;
}

/*装讨论第一行的盒子*/

.talk-up2 {
    padding-top: 25px;
    display: flex;
}


.fayan-box {
    margin: 0 10px;
    display: inline-block;
    border-radius: 5px;
    height: 35px;
    width: 967px;
    background-color: rgba(255, 255, 255, 0.15);
}

/*发言的盒子*/

.fayan {
    font-size: 13px;
    text-align: center;
    border-radius: 24px;
    line-height: 35px;
    display: inline-block;
    margin: 0 16px;
    height: 35px;
    width: 114px;
    background-color: aqua;
}

/*登陆后发言*/

.changwen {
    line-height: 35px;
    display: inline-block;
    font-size: 13px;
}

/*讨论里的写长文*/

.talk-up3 span {
    color: #606060;
    border-radius: 18px;
    font-size: 13px;
    text-align: center;
    line-height: 27px;
    display: inline-block;
    margin: 25px 15px 0 0;
    height: 28px;
    width: 52px;
    background-color: rgba(255, 255, 255, 0.15);
}

/*讨论第三行的文字*/

.plq {
    font-size: 14px;
    margin-top: 15px;
    color: #ffffff;
}

/*评论区大盒子*/

.plq-son {
    margin-top: 19px;
}

/*装每个评论的盒子*/

.fen {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.15);
}

.user {
    display: flex;
    align-items: center;
}

/*用户那一行*/

.user img {
    height: 34px;
    width: 34px;
    border-radius: 17px;
}

/*用户头像*/

.user span {
    /* display: inline-block; */
    padding-left: 5px;
}

/*用户的内容*/

.pl-content img {
    height: 250px;
    border-radius: 4px;
}

/*评论内容的照片*/

.pl-content span {
    display: inline-block;
    margin: 11px 0;
}

/*评论内容的文字*/

.like span {
    display: inline-block;
    margin: 11px 0;
    font-size: 13px;
}

/*点赞那一行的内容*/

.more {
    padding-left: 25px;
    border-radius: 14px;
    line-height: 48px;
    width: 100%;
    max-height: 300px;
    background-color: rgba(255, 255, 255, 0.1);
}

/*回复评论的盒子*/

.hf-user {
    line-height: 20px;
    height: 43px;
    display: flex;
    align-items: center;
}

/**/
.hf-user span {
    display: inline-block;
    padding: 0 3px;
}

/*回复的用户信息*/

.hf-content {
    line-height: 20px;
    max-height: 30px;
}

/*回复的内容*/

.hf-like {
    height: 50px;
    color: #606060;
    font-size: 13px;
}

/*回复的点赞*/

.zb1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px;
    margin-left: 5px;
    color: #ffffff;
    height: 480px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
}

/*周边短视频*/

.zb1 img {
    border-radius: 5px;
    height: 90px;
}

/*周边视频的照片*/

.zb1-centre span {
    font-size: 14px;
    margin: 0 5px 15px 0;
    border-radius: 26px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    height: 28px;
    width: 90px;
    background-color: rgba(255, 255, 255, 0.15);
}

/*周边短视频里的第二层*/

.zb1-son {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

/*每一个周边短视频*/

.zb1-video {
    width: 159px;
    height: 90px;
    position: relative;
}

/*周边短视频装图片的盒子*/

.shichang {
    position: absolute;
    font-size: 13px;
    right: 3px;
    bottom: 6px;
}

/*视频的时长*/

.zb1-bt {
    margin-left: 16px;
    display: flex;
    align-items: center;
}

/*周边短视频的标题简介*/

.all {
    color: #d5d5d9;
    line-height: 40px;
    text-align: center;
    width: 100%;
    height: 40px;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.15);
}

/*周边短视频的全部*/

.zb2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px;
    margin: 14px 0 0 5px;
    color: #ffffff;
    height: 284px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
}

/*周边商品*/

.zb2-up {
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

/*周边商品第一行*/

.zb2-son {
    border-radius: 4px;
    padding: 9px;
    margin-bottom: 10px;
    width: 100%;
    height: 77px;
    background-color: rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
}

/*装商品的盒子*/
.zb2 img {
    border-radius: 5px;
    height: 60px;
    width: 60px;
}

/*商品图片*/

.product {
    padding-left: 11px;
}

.game {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px;
    margin: 14px 0 0 5px;
    color: #ffffff;
    height: 133px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
}

/*装游戏的盒子*/

.game-up {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*游戏第一层*/

.game-ad {
    text-align: center;
    color: gray;
    font-size: 10px;
    height: 16px;
    width: 44px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 5px;
}

/*游戏第一层的广告*/

.game img {
    display: inline-block;
    height: 70px;
    width: 70px;

}

/*游戏照片*/

.game-pic {
    overflow: hidden;
    position: relative;
    border-radius: 16px;
}

/*装游戏照片的盒子*/

.shandian {
    font-size: 13px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 25px;
    border-radius: 0 0 0 15px;
    height: 25px;
    width: 25px;
    background-color: #c2a717;
}

.game-centre {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

/*游戏第二层*/

.game-name {
    width: 174px;
}

/*游戏名*/

.miaowan {
    font-size: 16px;
    color: #c2a717;
    border-radius: 26px;
    line-height: 31px;
    text-align: center;
    display: inline-block;
    height: 33px;
    width: 82px;
    background-color: #37331f;
}

/*游戏里的秒玩*/

.relevant {
    margin: 38px 0 0 5px;
}

/*相关推荐的盒子*/

.relevant span {
    color: white;
    margin: 12px 3px;
    display: inline-block;
    padding: 0 17px;
    max-width: 173px;
    height: 36px;
    line-height: 34px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 28px;
}

/*相关推荐下面的*/

.zhui {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 14px 0 0 5px;
    color: #ffffff;
    height: 268px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 20px;
}

.zhui-big img {
    width: 100%;
}

/*追剧大图片*/

.zhui-content {
    display: flex;
    justify-content: space-between;
    padding: 12px;
}

/*追剧的内容*/

.zhui-small img {
    margin-right: 10px;
    border-radius: 9px;
    height: 87px;
}

/*追剧的小图片*/

.zhui-text {

    width: 250px;
    height: 150px;
}

/*追剧的文字盒子*/

.zhui-text span {
    display: inline-block;
    margin-bottom: 5px;
}

/*追剧的文字*/

.zhui-i {
    text-align: center;
    line-height: 32px;
    height: 34px;
    width: 72px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 21px;
}

/*追剧图标*/